<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
      body{background: white;color:#000;font-family:arial,sans-serif,宋体;font-size:12px; margin: 0px;padding: 0px;}
      ul, ol, li, dl, dd {margin:0;padding:0;list-style:none}
      p, form, input {margin:0}
      img {border:0}
      h1, h2, h3, h4, h5, h6 {margin:0;padding:0}
      a{color:#11c;text-decoration:none}
      a:hover{text-decoration:underline}
      /*clear float*/
      .clearfix {*zoom: 1;}
      .clearfix:before, .clearfix:after {display: table; content: "";}
      .clearfix:after {clear: both;}
      .content{width: 250px; margin: 5px;}

      .swap_list {float: left; width: 149px; border-left: 1px solid #CCC;}
      .swap_list h4 {margin: 5px 0; font-size: 14px; text-align: center;}
      .swap_list h4 span{cursor:pointer; font-weight:normal;}
      .swap_list a, .swap_list a:visited, .swap_list a:link {display: block; margin-left:5px; padding: 4px; background: white; color: #333; overflow: hidden; }
      .swap_list a:hover {background: #004080; color:white}
      .swap_list a:active {}

      .recommend_list{float: left; width: 95px; margin-right: 5px;}
      .recommend_list h4 {margin: 5px 0; font-size: 14px; color: #999; text-align: center;}
      .recommend_list a, .recommend_list a:visited, .recommend_list a:link{display: block; padding: 4px; background: #white; color: #999; overflow: hidden; }
      .recommend_list a:hover {background: #CCC; color:#333}
    </style>
    <script type="text/javascript" src="libs/jquery-1.7.1.min.js"></script>
  </head>
  <body>
    <div class="content clearfix">
      <div id="recommend_list" class="recommend_list">
        <h4>GIP Tools</h4>
        <a href="#">Wiki</a>
        <a href="#">Portal</a>
      </div>
      <div id="swap_list" class="swap_list">
        <h4>Swap Profiles&nbsp;<span>[+]</span></h4>
        <a href="#">Default</a>
        <a href="#">titan_facebook_1titan_facebook_1titan_facebook_1titan_facebook_1</a>
        <a href="#">titan_qzone_1</a>
        <a href="#">titan_qzone_2</a>
      </div>
    </div>
    <script src="backgrounds/popup.js"></script>
  </body>
</html>
